<template>
  <a-page search-disabled>
    <div slot="nav" class="row">
      <div class="col-xl-9 col-lg-9 col-md-9 col-sm-12 q-px-sm">
        <router-view name="nav"/>
      </div>
    </div>
    <div class="row">
      <div class="col-xl-9 col-lg-9 col-md-9 col-sm-12" :class="{'q-px-sm': $q.screen.gt.md}">
        <router-view/>
      </div>
      <div class="col-xs-3 col-lg-3 col-md-3 col-sm-12 col-xs-12 q-px-md gt-sm">
        <q-list no-border id="left-menu">
          <q-item class="flex flex-center" to="/account/maps/">
            <q-icon class="q-mr-sm" name="map"/>
            <span>我的地图</span>
          </q-item>
          <!--<q-item class="flex flex-center" to="/account/share/">-->
              <!--<q-icon class="q-mr-sm" name="people"/>-->
              <!--<span>我的协作</span>-->
          <!--</q-item>-->
          <q-item class="flex flex-center" to="/account/forums/">
            <q-icon class="q-mr-sm" name="forum"/>
            <span>我的讨论</span>
          </q-item>
          <q-item class="flex flex-center" to="/account/favorites/">
              <q-icon class="q-mr-sm" name="favorite"/>
              <span>我的收藏</span>
          </q-item>
          <!--<q-item class="flex flex-center" to="/account/source/">-->
              <!--<q-icon class="q-mr-sm" name="inbox"/>-->
              <!--<span>我的资源</span>-->
          <!--</q-item>-->
          <!--<q-item class="flex flex-center" style="padding-right: 32px" to="/account/recycle/">-->
              <!--<q-icon class="q-mr-sm" name="delete_sweep"/>-->
              <!--<span>回收站</span>-->
          <!--</q-item>-->
          <q-item class="flex flex-center" to="/account/notifications/">
            <q-icon class="q-mr-sm" name="notifications"/>
            <span>我的消息</span>
          </q-item>
          <q-item class="flex flex-center border-top-1" to="/account/people/">
            <q-icon class="q-mr-sm" name="account_circle"/>
            <span>个人主页</span>
          </q-item>
          <q-item class="flex flex-center" to="/account/settings/">
              <q-icon class="q-mr-sm" name="settings"/>
              <span>账号设置</span>
          </q-item>
        </q-list>
      </div>
    </div>
  </a-page>
</template>

<style>
</style>

<script>
  export default {
    name: 'PageAccount',
    data: function () {
      return {}
    },
    beforeRouteEnter (to, from, next) {
      next()
    }
  }
</script>

<style lang="stylus">
  @import "~quasar/dist/quasar.styl"
  #left-menu
    a
      color $grey-9
      text-decoration none
</style>
